<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
author : chain
create date : 19/01/2556
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets" 
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:b="http://bootsfaces.net/ui"
      xmlns:totoland="http://java.sun.com/jsf/composite/components">
    <h:head></h:head>
    <h:body>
        <ui:composition template="/template/etcTemplateGreen.xhtml">
            <ui:define name="content">
                <style>
                    div[id="formUser:growlRight_container"] {
                        position:absolute;
                        top:20px;
                    }
                    div[id="formUser:msgs_container"] {
                        position:absolute;
                        top:20px;
                        left:40%;
                    }
                </style>
                <h:form id="formManageCard">                    
                    <p:growl id="msgs" sticky="false"/>

                    <p:panel header="รูปแบบบัตร">
                        <b:row styleClass="show-grid">
                            <b:column span="12">

                                <p:fileUpload fileLimit="1" fileUploadListener="#{mananageTemplateController.uploadTemplate}" 
                                              mode="advanced" dragDropSupport="true" previewWidth="200"
                                              allowTypes="/(\.|\/)(gif|jpe?g|png)$/" update="formManageCard"></p:fileUpload>

                            </b:column>
                            <b:column span="12">
                                <p:graphicImage id="cropped" value="#{mananageTemplateController.graphicText}" cache="false"
                                                />
                            </b:column>
                        </b:row>
                    </p:panel>
                    <p:panel header="รูปแบบบอักษร">
                        <b:row styleClass="show-grid">
                            <b:column span="1"><h:outputText value="คำนำหน้า"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="ชื่อ"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="นามสกุล"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="รหัสนักศึกษา"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="หลักสูตร"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="สาขา"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="คณะ"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="อายุบัตร"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>

                            <b:column span="1"><h:outputText value="barcode"/></b:column>
                            <b:column span="2">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Name"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontName()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                            <b:column span="9">
                                <h:panelGrid columns="2">
                                    <h:outputText value="Font-Size"/>
                                    <p:selectOneMenu style="width:100px">
                                        <f:selectItem itemLabel="" itemValue="-1"></f:selectItem>
                                        <f:selectItems value="#{userManagementController.dropdownFactory.ddlFontSize()}" var="item" itemLabel="#{item.name}" itemValue="#{item.value}"></f:selectItems>
                                    </p:selectOneMenu>
                                </h:panelGrid>
                            </b:column>
                        </b:row>
                    </p:panel>
                    <p:panel>
                        <p:commandButton value="บันทึก"/>
                    </p:panel>
                </h:form>
            </ui:define>
        </ui:composition>
    </h:body>
</html>